<template>
  <div class="shoppingGroup">
    <div class="Shopping-list">
      <div class="Shopping-list-Choice">
        <input type="radio" v-model="pick" v-bind:value="a" class="inputStyle">
      </div>
      <!-- 图片 -->
      <div class="Shopping-list-img">
        <img src="../assets/shopping-img/xmi.jpg" alt>
      </div>
      <!-- 文字 -->
      <div class="hopping-list-words">
        <p class="hopping-list-words-top">东北有机小米</p>
        <p class="hopping-list-words-botton">￥45</p>
      </div>

      <!-- 编辑 -->
      <div class="Shopping-list-edit">
        <p class="Shopping-list-edit-wz">编辑</p>
        <p class="Shopping-list-edit-sz">x6</p>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "ShoppingGroup",
  data() {
    return {};
  }
};
</script>

<style scoped>
.shoppingGroup {
  width: 100%;
  height: 2.4rem;
}
.inputStyle {
  width: 0.4rem;
  height: 0.4rem;
  position: absolute;
  top: 0.8rem;
  left: 0.2rem;
}
/* 下面的样式 */
.Shopping-list {
  width: 100%;
  height: 2.25rem;
  background: #fff;
  margin: 0.2rem 0;
}
.Shopping-list-Choice {
  width: 0.8rem;
  height: 100%;
  position: relative;
  float: left;
}
.round {
  border: 1px solid #707070;
  background-color: #ffffff;
  width: 0.24rem;
  height: 0.24rem;
  border-radius: 50%;
  margin-left: 0.35rem;
  position: absolute;
  top: 0.85rem;
}
/* 图片的样式 */
.Shopping-list-img {
  width: 1.9rem;
  height: 1.9rem;
  float: left;
  margin-top: 0.1rem;
  margin-right: 0.4rem;
}
.Shopping-list-img img {
  width: 100%;
  height: 100%;
}

/* 文字样式 */
.hopping-list-words {
  width: 3.55rem;
  height: 100%;
  float: left;
  margin-left: 0.2rem;
  margin: 0.2rem 0;
}
.hopping-list-words-top {
  width: 100%;
  height: 70%;
  font-size: 0.28rem;
}
.hopping-list-words-botton {
  width: 100%;
  height: 20%;
  color: #de2626;
  font-size: 0.26rem;
}
.Shopping-list-edit {
  width: 0.6rem;
  height: 100%;
  float: left;
}
.Shopping-list-edit-wz {
  width: 100%;
  height: 70%;
  margin-top: 0.2rem;
}
.Shopping-list-edit-sz {
  width: 100%;
  height: 20%;
}
</style>